<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

</body>
<script>
  // https://www.bilibili.com/video/BV1Nh4y127EM/?spm_id_from=333.999.0.0&vd_source=706a636f6c728e24fc9590590eb8891a
  // 第一步 输出 0，因为它在宏队列。此时P1, P2位于微任务队列
  // 第二步 输出 1 2。此时Pr, P3进入微任务队列
  // 第三步 输出 3。此时Pr5, p4进入微任务队列
  // 第四步 输出 4。此时
  
  Promise.resolve().then(() => {
    console.log('1');
    return Promise.resolve(5).then(res=>{
      console.log(res + 10);
      console.log(8);
    })
  }).then(res => {
    console.log(res);
  })
  Promise.resolve().then(() => {
    console.log('2');
  }).then(() => {
    console.log('3');
  }).then(() => {
    console.log('4');
  }).then(() => {
    console.log('6');
  }).then(() => {
    console.log('7');
  })
  console.log('0')
</script>

</html>